// @refresh reload
import { createHandler, StartServer } from "@solidjs/start/server";

export default createHandler(() => (
	<StartServer
		document={({ assets, children, scripts }) => (
			<html lang="en" class="overflow-hidden h-full">
				<head>
					<meta charset="utf-8" />
					<meta name="viewport" content="width=device-width, initial-scale=1" />
					<link rel="icon" type="image/svg+xml" href="/assets/logo.svg" />
					<script
						innerHTML={`
							if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
								document.documentElement.classList.add('dark');
							}
						`}
					/>
					{assets}
				</head>
				<body class="w-screen h-screen cursor-default select-none">
					<div id="app" class="h-full text-[--text-primary]">
						{children}
					</div>
					{scripts}
				</body>
			</html>
		)}
	/>
));
